<!-- directive:title "NG.1.5.XIAN" 代码收集库::致敬relax版/jq版/ng版本1.3/1.4 -->
<!-- directive:breadcrumb 代码收集库 (最终版) -->
<div class="yxt14">
    <div class="yxt14breadcrumb">
        <a href="javascript:;">当前位置 : 首页</a>
    </div>
    <div class="mainLiu">
        <div class="mainLiuBox2">
            <form class="form-inline" style="margin:0 0 6px;">
                <div class="form-group">
                    <div class="input-group">
                        <div class="input-group date datepicker">
                            <input type="text" id="datauser" class="form-control" name='beginTime' style='width:180px;padding:6px 10px;background-color: #fff;' name="t2"
                                placeholder="yyyy-mm-dd" ng-model="onedate" config="{ format: 'yyyy-mm-dd', autoclose:true, startView:2, minView:2, maxView:3, todayBtn:'linked', language: 'cn'}" datetime-picker>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <input type="text" placeholder="请选择用户" style="width:200px;"
                        ng-model="UserID" name="lotteryType"
                        select2 config="customerlist" select2-model="UserID222"
                    />
                </div>
                &nbsp;
                <div class="form-group">
                 <button ng-click="search()" class="btn btn-red">搜索</button>
                </div>
            </form>
        </div>
        <div class="mainLiuBox2">
            <ul ng-click="jump('disc')">
                <li class="icon01"><strong><h3>{{survey.Terminals|begin|number|defaultValue}}</h3><span>终端数</span></strong></li>
                <li class="icon02"><strong><h3>{{survey.macs|begin|number|defaultValue}}</h3><span>独立终端数</span></strong></li>
                <li class="icon03"><strong><h3>{{online|begin|number|defaultValue}}</h3><span>在线终端数</span></strong></li>
                <li class="icon04"><strong><h3>{{CloudOnline|begin|number|defaultValue}}</h3><span>智能元在线终端数</span></strong></li>
                <li class="icon05"><strong><h3>{{survey.BootCount|begin|number|defaultValue}}</h3><span>总开机数</span></strong></li>
                <li class="icon06"><strong><h3>{{survey.BootDuration|begin|number|defaultValue}}</h3><span>总开机时长</span></strong></li>
                <li class="icon07"><strong><h3>{{survey.BootDuration/survey.Terminals|fixed2}}</h3><span>平均终端时长</span></strong></li>
                <li class="null"></li>
            </ul>
        </div>
        <br />
        <div class="mainLiuBox4">
            <div class="mainLiuBox_title">导航类</div>
            <div class="mainLiuBox_box" ng-click="jump('nav',item.ADID)" ng-repeat="item in obj.nav">
                <div class="network">
                    <img ng-src="{{getSrc(item.ADName)}}">{{item.ADName}}
                </div>
                <ul class="mainLiuList">
                    <li class="color_red"><i class="fl"></i><span class="fl">开机数</span><h3 class="fr">{{item.BootCount|begin|number|defaultValue}}</h3></li>
                    <li class="color_orange"><i class="fl"></i><span class="fl">锁定数</span><h3 class="fr">{{item.Lock|begin|number|defaultValue}}</h3></li>
                </ul>
            </div>
        </div>
        <div class="mainLiuBox3" id="wad">
            <div class="mainLiuBox_title">DSP广告</div>
            <div class="mainLiuBox_box" ng-repeat="item in obj.showad">
                <div class="mainLiuBox_box_title" ng-class="getClass(item.Name)" ng-click="jump_page(item.Name)">{{item.Name}}</div>
                <ul class="mainLiuList" ng-show="getName0(item.Name)">
                    <li class="color_red"><i class="fl"></i><span class="fl">终端数</span> <h3 class="fr">{{item.terminals|begin|number|defaultValue}}</h3> </li>
                    <li class="color_orange"><i class="fl"></i><span class="fl">展示数</span> <h3 class="fr">{{item.Impression|begin|number|defaultValue}}</h3> </li>
                    <li class="color_red"><i class="fl"></i><span class="fl">点击数</span> <h3 class="fr">{{item.click|begin|number|defaultValue}}</h3> </li>
                    <li class="color_blue"><i class="fl"></i><span class="fl">点击率</span> <h3 class="fr">{{item.click/item.Impression|percent}}</h3> </li>
                </ul>
                <ul class="mainLiuList" ng-show="getName1(item.Name)">
                    <li class="color_red"><i class="fl"></i><span class="fl">终端数</span> <h3 class="fr">{{item.terminals|begin|number|defaultValue}}</h3> </li>
                    <li class="color_orange"><i class="fl"></i><span class="fl">加载</span> <h3 class="fr">{{item.request|begin|number|defaultValue}}</h3> </li>
                    <li class="color_red"><i class="fl"></i><span class="fl">展示数</span> <h3 class="fr">-</h3> </li>
                    <li class="color_blue"><i class="fl"></i><span class="fl">点击数</span> <h3 class="fr">-</h3> </li>
                </ul>
                <ul class="mainLiuList" ng-show="getName2(item.Name)">
                    <li class="color_red"><i class="fl"></i><span class="fl">终端数</span> <h3 class="fr">{{item.terminals|begin|number|defaultValue}}</h3> </li>
                    <li class="color_orange"><i class="fl"></i><span class="fl">加载</span> <h3 class="fr">{{item.request|begin|number|defaultValue}}</h3> </li>
                    <li class="color_red"><i class="fl"></i><span class="fl">展示数</span> <h3 class="fr">{{item.Impression|begin|number|defaultValue}}</h3> </li>
                    <li class="color_blue"><i class="fl"></i><span class="fl">点击数</span> <h3 class="fr">{{item.click|begin|number|defaultValue}}</h3> </li>
                </ul>
            </div>
        </div>
        <div class="mainLiuBox3 ww_else" id="welse">
            <div class="mainLiuBox_title">其它广告</div>
                <div class="mainLiuBox_box">
                    <div class="mainLiuBox_box_title icon10" ng-click="jump('cloud');">智能元</div>
                    <ul class="mainLiuList">
                        <li class="color_red"><i class="fl"></i><span class="fl">终端数</span><h3 class="fr">{{obj.cloud.Terminals|begin|number|defaultValue}}</h3></li>
                        <li class="color_orange"><i class="fl"></i><span class="fl">CPU算力</span><h3 class="fr">{{obj.cloud.CPU|begin|number|defaultValue}}</h3></li>
                        <li class="color_blue"><i class="fl"></i><span class="fl">GPU算力</span><h3 class="fr">{{obj.cloud.GPU|begin|number|defaultValue}}</h3></li>
                    </ul>
                </div>
                <div class="mainLiuBox_box">
                    <div class="mainLiuBox_box_title icon11" ng-click="jump('b2','浏览器');">浏览器</div>
                    <ul class="mainLiuList">
                        <li class="color_red"><i class="fl"></i><span class="fl">终端数</span><h3 class="fr">{{obj.b2.Terminals|begin|number|defaultValue}}</h3></li>
                        <li class="color_orange"><i class="fl"></i><span class="fl">执行数</span><h3 class="fr">{{obj.b2.Action|begin|number|defaultValue}}</h3></li>
                        <li class="color_blue"><i class="fl"></i><span class="fl">CNZZ UV数</span><h3 class="fr">{{obj.b2.CNZZUV|begin|number|defaultValue}}</h3></li>
                    </ul>
                </div>
                <div class="mainLiuBox_box">
                    <div class="mainLiuBox_box_title icon12" ng-click="jump('b2','TD');">TD</div>
                    <ul class="mainLiuList">
                        <li class="color_red"><i class="fl"></i><span class="fl">终端数</span><h3 class="fr">{{obj.dler.Terminals|begin|number|defaultValue}}</h3></li>
                        <li class="color_orange"><i class="fl"></i><span class="fl">执行数</span><h3 class="fr">{{obj.dler.Downloads|begin|number|defaultValue}}</h3></li>
                        <li class="color_blue"><i class="fl"></i><span class="fl">CNZZ UV数</span><h3 class="fr">{{obj.dler.CNZZUV|begin|number|defaultValue}}</h3></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <style type="text/css">
        .mainLiu a{color: #201f1f;}
        .mainLiu ul{padding:0; margin:0;}
        .mainLiu li{margin:0; list-style-type: none;}
        .mainLiu *{outline: none;}
        .mainLiu h3{margin:0; line-height: 34px; font-weight: 800;}
        .mainLiuBox2{ background:#eee; padding-bottom:20px; overflow:hidden; padding-left:32px;cursor:pointer;}
        .mainLiuBox2 ul li{ float:left; width:23%; list-style-type: none; margin-right:1.8%; border-radius:5px; margin-top:10px; height:80px; background:#fff url() no-repeat; }
        .mainLiuBox2 ul li strong{ margin:10px 0 10px 80px; padding:5px 0; width:68%; display:inline-block; border-left:1px dashed #dedede; text-align:center; }
        .mainLiuBox2 ul li strong h3{ margin:0; font-size:24px;color:#222222;}
        .mainLiuBox2 ul li strong span{ color:#919191; font-size:14px; font-weight:normal;}
        .mainLiuBox2 ul li.null{background:#f6f6f6; border:1px dashed #d9d9d9;}
        .mainLiuBox2 ul li.icon01{ background-position:0 10px;}
        .mainLiuBox2 ul li.icon02{ background-position:3px -80px;}
        .mainLiuBox2 ul li.icon03{ background-position:0 -158px;}
        .mainLiuBox2 ul li.icon04{ background-position:3px -240px;}
        .mainLiuBox2 ul li.icon05{ background-position:0 -320px;}
        .mainLiuBox2 ul li.icon06{ background-position:0 -400px;}
        .mainLiuBox2 ul li.icon07{ background-position:0 -485px;}

        ul.mainLiuList{width:35%;}
        ul.mainLiuList span{font-size: 14px;color:#666666;}
        ul.mainLiuList li{width:100%; overflow:hidden; height:34px; line-height:34px;}
        ul.mainLiuList i{width:8px; height: 8px; background:#e67067; border-radius:4px; margin:13px 23px 13px 10px}
        ul.mainLiuList .color_red i{background:#e67067;}
        ul.mainLiuList .color_orange i{background:#ff964a;}
        ul.mainLiuList .color_blue i{background:#64b7de;}

        .mainLiuBox3,
        .mainLiuBox4{margin-left:2%; margin-right: 2%; border:1px solid #dadada; border-radius:10px; overflow:hidden; margin-bottom:15px;}
        .mainLiuBox4 .network{font-size:20px; color:#222222;width: 250px; margin-left:1%; display: inline-block; vertical-align: middle;}
        .mainLiuBox4 .network img{vertical-align:middle; width:76px; height:76px;}
        .mainLiuBox4 ul.mainLiuList{ display: inline-block; vertical-align: middle;}

        .mainLiuBox3 .mainLiuBox_title,
        .mainLiuBox4 .mainLiuBox_title{background:#f8f8f8 url() no-repeat 15px -72px;height:40px; color:#545454; font-size:14px; font-weight:bold; line-height:40px; padding-left:45px; border-radius:5px 5px 0 0;margin-bottom:15px;}
        .mainLiuBox3 .mainLiuBox_box,
        .mainLiuBox4 .mainLiuBox_box{width: 48%;cursor:pointer; border:1px solid #fff;border-left:1px dashed #dedede;margin: 20px 1%;display:inline-block;vertical-align: top;}
        .mainLiuBox3 .mainLiuBox_box{width: 32%;margin:30px 0 30px 1%;}
        .mainLiuBox4 .mainLiuBox_box { padding: 0 0 0 32px; }
        .mainLiuBox3 .mainLiuBox_box:nth-child(3n+2),
        .mainLiuBox4 .mainLiuBox_box:nth-child(2n+2){ cursor:pointer;border:1px solid #fff;border-left:1px dashed #fff;}
        .mainLiuBox4 .mainLiuBox_box:hover{z-index:99;}

        .mainLiuBox3 .mainLiuBox_box_title{ font-size:20px;background:url() no-repeat 0 -42px; padding-left:40px; margin:10px 0 20px 40px; }
        .mainLiuBox3 ul.mainLiuList{ margin: 0px 0 0 40px; min-height: 102px; display: block; width: 80%;}
        .mainLiuBox3 ul.mainLiuList span{font-size: 14px;color:#666666;line-height: 34px;}
        .mainLiuBox3 ul.mainLiuList h3{font-size:16px;color:#222222;font-weight:800;line-height: 34px;}
        .mainLiuBox3 .mainLiuBox_box_title.icon01{ background-position:0 -42px;}
        .mainLiuBox3 .mainLiuBox_box_title.icon02{ background-position:0 -80px;}
        .mainLiuBox3 .mainLiuBox_box_title.icon03{ background-position:0 -120px;}
        .mainLiuBox3 .mainLiuBox_box_title.icon04{ background-position:0 -158px;}
        .mainLiuBox3 .mainLiuBox_box_title.icon05{ background-position:0 -197px;}
        .mainLiuBox3 .mainLiuBox_box_title.icon06{ background-position:0 -234px;}
        .mainLiuBox3 .mainLiuBox_box_title.icon07{ background-position:0 -275px;}
        .mainLiuBox3 .mainLiuBox_box_title.icon08{ background-position:0 -313px;}
        .mainLiuBox3 .mainLiuBox_box_title.icon09{ background-position:0 -354px;}
        .mainLiuBox3 .mainLiuBox_box_title.icon10{ background-position:0 -392px;}
        .mainLiuBox3 .mainLiuBox_box_title.icon11{ background-position:0 -428px;}
        .mainLiuBox3 .mainLiuBox_box_title.icon12{ background-position:0 -472px;}
    </style>
</div>